<div class="row">
    <ol class="breadcrumb">
        <li><a href="#"><span class="iconfont icon-shouye mr-10"></span>当前位置:优农后台</a></li>
        <li class="active">首页</li>
    </ol>
</div><!--/.row-->

<div class="row mt-20 pr-20 mb-20 plain-vip-main b-1">
    <div class="item br-1">
        <div class="panel panel-blue panel-widget">
            <div class="row no-padding">
                <div class="col-sm-3 col-lg-5 widget-left">
                    <i class="iconfont icon-huiyuan cor-base ta-c" style="font-size: 60px;"></i>
                </div>
                <div class="col-sm-9 col-lg-7 widget-right">
                    <div class="large">会员总数</div>
                    <div class="text-muted">截止目标会员总数</div>
                </div>
            </div>
            <div class="ta-c cor-9 mt-10 ml-10 mr-10 fs-36 bt-1">
                 {{indexData.statistics.member_count}}
            </div>
        </div>
    </div>
    <div class="item br-1">
        <div class="panel panel-blue panel-widget">
            <div class="row no-padding">
                <div class="col-sm-3 col-lg-5 widget-left">
                    <i class="iconfont icon-dangan cor-base ta-c" style="font-size: 55px;"></i>
                </div>
                <div class="col-sm-9 col-lg-7 widget-right">
                    <div class="large">商品总数</div>
                    <div class="text-muted">截止目标商品总数</div>
                </div>
            </div>
            <div class="ta-c cor-9 mt-10 ml-10 mr-10 fs-36 bt-1">
                {{indexData.statistics.goods_count}}
            </div>
        </div>
    </div>
    <div class="item br-1">
        <div class="panel panel-blue panel-widget ">
            <div class="row no-padding">
                <div class="col-sm-3 col-lg-5 widget-left">
                    <i class="iconfont icon-dingdan cor-base ta-c" style="font-size: 60px;"></i>
                </div>
                <div class="col-sm-9 col-lg-7 widget-right">
                    <div class="large">订单总数</div>
                    <div class="text-muted">截止目标订单总数</div>
                </div>
            </div>
            <div class="ta-c cor-9 mt-10 ml-10 mr-10 fs-36 bt-1">
                {{indexData.statistics.order_count}}
            </div>
        </div>
    </div>
    <div class="item br-1">
        <div class="panel panel-blue panel-widget">
            <div class="row no-padding">
                <div class="col-sm-3 col-lg-5 widget-left">
                    <i class="iconfont icon-zongjine21 cor-base ta-c" style="font-size: 60px;"></i>
                </div>
                <div class="col-sm-9 col-lg-7 widget-right">
                    <div class="large">销售总额</div>
                    <div class="text-muted">截止目前销售总数</div>
                </div>
            </div>
            <div class="ta-c cor-9 mt-10 ml-10 mr-10 fs-36 bt-1">
                {{indexData.statistics.total_sales}}
            </div>
        </div>
    </div>
    <div class="item">
        <div class="panel panel-blue panel-widget">
            <div class="row no-padding">
                <div class="col-sm-3 col-lg-5 widget-left">
                    <i class="iconfont icon-tixian cor-base ta-c" style="font-size: 60px;"></i>
                </div>
                <div class="col-sm-9 col-lg-7 widget-right">
                    <div class="large">提现总额</div>
                    <div class="text-muted">截止目前提现总数</div>
                </div>
            </div>
            <div class="ta-c cor-9 mt-10 ml-10 mr-10 fs-36 bt-1">
                {{indexData.statistics.total_withdraw}}
            </div>
        </div>
    </div>
</div><!--/.row-->

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">本月下单统计</div>
            <div class="panel-body">
                <div class="canvas-wrapper">
                    <canvas id="bar" height="50" class="chart chart-line" chart-data="indexData.statistics.order_report.count"
                            chart-labels="indexData.statistics.order_report.label" chart-legend="false">
                    </canvas>
                </div>
            </div>
        </div>
    </div>
</div><!--/.row-->


<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">本月用户增长量</div>
            <div class="panel-body">
                <div class="canvas-wrapper">
                    <canvas id="bar1" height="50" class="chart chart-bar" height="80" chart-data="indexData.statistics.member_report.count"
                            chart-labels="indexData.statistics.member_report.label"
                           >
                    </canvas>
                </div>
            </div>
        </div>
    </div>
</div><!--/.row-->


<style>
    .plain-vip-main{
        margin-left: 0;
        overflow: hidden;
    }
    .plain-vip-main .item{width: 20%;float: left;}
</style>